import React from 'react'
import PropTypes from 'prop-types'
import './Header.css'

export default function Header(props) {
	const { onBack, title } = props

	return (
		<div className="header">
			<div className="header-back" onClick={onBack}>
				<svg width="42" height="42">
					<polyline points="25,13 16,21 25,29" stroke="#fff" strokeWidth="2" fill="none" />
				</svg>
			</div>
			<h1 className="header-title">{title}</h1>
		</div>
	)
}

Header.propTypes = {
	onBack: PropTypes.func.isRequired,
	title: PropTypes.string.isRequired
}
